@CHARSET "ISO-8859-1";

/* basis, geld overal tenzij overruled */
body{
	background-color: white;
	color: black; /* tekst kleur */
}

div{
	text-align: left;
}

table{
	border-collapse: collapse; /* lijnen lopen in elkaar over */
}

/* definitie voor meerdere tags */
table.main, td.main, th.main{
	border: none; /* width type color */
	text-align: center;
	padding: 5px; /* content distance from border */
}

/* klasse bedoeld voor <p> tags */
p.left{
	text-align: left;
}


/* aangezien alle staten van <a> dezelfde waarden hebben, hadden we het ook als a{[spul]} kunnen defineren */
/* onbezochte link */
a:link{
	border: none;
	text-decoration: underline;
}

/* bezochte link */
a:visited{
	border: none;
	text-decoration: underline;
}

/* muisaanwijzer boven link */
a:hover{
	border: none;
	text-decoration: underline;
}

/* klikken op link */
a:active{
	border: none;
	text-decoration: underline;
}

/* id's voor div layout */
#wrapper{
	width: 1280px;
	margin: 0 auto; /* gecentreerd */
}

#header{
	width: 1280px;
	height: 125px;
	float: left; /* nodig om de kolommen goed naast elkaar te krijgen */
	border: 1px solid black;
}

#navbar{
	width: 1280px;
	height: 30px;
	float: left;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#content{
	width: 1270px;
	float: left;
	padding: 5px;
	border: 1px solid black;
}

#auction{
	width: 244px;
	height: 246px;
	float: left;
	padding: 5px;
}

#auctiontable{
	width: 244px;
	height: 246px;
	border: 1px solid black;
}

#footer{
	/*top: 500px; */
	width: 1280px;
	height: 100px;
	float: left;
	border: 1px solid black;
	border-top: none;
}

#login, #register, #addAuction, #bid{
	z-index: 9;
	position: absolute;
	background-color: white;
	visibility: hidden;
	left: 256px;
	top: 150px;
	border: 1px solid black;
}

.g-button {
  display: inline-block;
  min-width: 54px;
  text-align: center;
  color: #555;
  font-size: 11px;
  font-weight: bold;
  height: 27px;
  padding: 0 8px;
  line-height: 27px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0,0,0,0.1);
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
  background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
*+html .g-button {
  min-width: 70px;
}
button.g-button,
input[type=submit].g-button {
  height: 29px;
  line-height: 29px;
}
*+html button.g-button,
*+html input[type=submit].g-button {
  overflow: visible;
}


.g-button:hover {
  border: 1px solid #c6c6c6;
  color: #333;
  -webkit-transition: all 0.0s;
  -moz-transition: all 0.0s;
  -ms-transition: all 0.0s;
  -o-transition: all 0.0s;
  transition: all 0.0s;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.g-button:active {
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
  background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.g-button:visited {
  color: #666;
}

.signin-box {
  margin: 12px 0 0;
  padding: 20px 25px 15px;
  background: #ffffff;
  border: 1px solid #e5e5e5;
}

.signin-box label {
  display: block;
  margin: 0 0 1.5em;
}

.signin-box input[type=text],
.signin-box input[type=password] {
  width: 100%;
  height: 32px;
  font-size: 15px;
}

.signin-box .label,
.signin-box .label {
  font-weight: bold;
  margin: 0 0 .5em;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.g-button-submit {
  border: 1px solid #3079ed;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
}
.g-button-submit:hover {
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);
}
.g-button-submit:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.signin-box h2 strong {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1px;
  height: 19px;
  width: 52px;
}